<template>
	<view class="login">
		<view class="status_bar" style="margin-bottom: 40rpx;">
		</view>
		<view class="login-box">
			<text class="title">注册登录</text>
			<image class="logo" src="../../static/images/login/logo.png"></image>
			<view class="form-box">
				<button
            open-type="getPhoneNumber"
				class="login-btn" @getphonenumber="login">微信一键注册登录</button>
			</view>
		</view>
	</view>
</template>

<script>
	import login from '@/utils/login.js'
	export default {
		data() {
			return {
			
			}
		},
		methods: {
        login(e) {
            if (e.detail.errMsg ===  "getPhoneNumber:ok") {
                login(e.detail)
            }
        },
		}
	}
</script>

<style lang="less">
.login {
	width: 100%;
	height: 100vh;
	background: linear-gradient(-6deg, #DDEBFC, #E8F3FF);
	padding: 0 32rpx;
	.login-box {
		position: relative;
		padding-top:225rpx;
	}
	.logo {
		position: absolute;
		width: 389rpx;
		height: 225rpx;
		right: -32rpx;
		top: 0;
	}
	.title {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		top: 107rpx;
		font-size: 32rpx;
		font-family: PingFang SC;
		color: #333333;
		z-index: 99;
	}
	.form-box {
		margin-top: 100rpx;
		width: 100%;
		// background: #FFFFFF;
		border-radius: 20rpx;
		padding: 60rpx;
		.login-btn {
			width: 425rpx;
			height: 89rpx;
			background: #0E0871;
			border-radius: 45rpx;
			line-height: 89rpx;
			text-align: center;
			
			font-size: 32rpx;
			font-family: PingFang SC;
			font-weight: bold;
			color: #FFFFFF;
		}
	}
}
</style>
